<div class="xsy_opportunity_progress {{if currentStage.id == failureStage.id}}xsy_opportunity_progress_disabled{{/if}}">
    {{if currentStage.id == failureStage.id}}
        <div class="xsy_opportunity_progress_result">
            <span>{{ 'OPPORTUNITY_LOSE_4' | i18n }}</span> <span>{{ 'OPPORTUNITY_PLEASE_LOSE_REASON' | i18n }}{{failureReason}}</span>
        </div>
    {{/if}}
    <div class="xsy_opportunity_progress_header">
        <div class="xsy_opportunity_progress_border">
            <div class="xsy_opportunity_progress_wrapper">
                <div class="xsy_opportunity_progress_stretch">
                    <ul class="xsy_opportunity_progress_nav">
                        {{each stages as stage i}}
                            <li title="{{stage.stageName}}" stageId="{{stage.id}}" status="{{stage.status}}" percent="{{stage.percent}}" class="js-simple-progress xsy_opportunity_progress_item xsy_opportunity_progress_tab
                                {{if i < currentIndex}}
                                    xsy_opportunity_progress_tab_actived">
                                    <a class="xsy_opportunity_progress_header">
                                        <span class="xsy_opportunity_progress_header_warp">
                                            <b class="xsy_opportunity_progress_check"></b>
                                            <span>{{stage.stageName}}</span>
                                        </span>
                                    </a>
                                {{/if}}
                                {{if i == currentIndex}}
                                    xsy_opportunity_progress_tab_current">
                                    <a class="xsy_opportunity_progress_header">
                                        <span class="xsy_opportunity_progress_header_warp">
                                            <b class="xsy_opportunity_progress_check"></b>
                                            <span>{{stage.stageName}}  {{stage.percent}}%</span>
                                        </span>
                                    </a>
                                {{/if}}
                                {{if i > currentIndex}}
                                    ">
                                    <a class="xsy_opportunity_progress_header">
                                        <span class="xsy_opportunity_progress_header_warp">
                                            <b class="xsy_opportunity_progress_check"></b>
                                            <span>{{stage.stageName}}</span>
                                        </span>
                                    </a>
                                {{/if}}
                            </li>
                        {{/each}}
                    </ul>
                </div>
            </div>
        </div>
        <div class="xsy_opportunity_progress_action">
            {{if currentStage.id == failureStage.id}}
                <a stageId="{{lostStage.id}}" status="1" canClick="1" href="javascript:;" class="js-simple-progress action-btn">{{ 'OPPORTUNITY_RESTART' | i18n }}</a>
            {{/if}}
            {{if currentStage.id != failureStage.id}}
                <a stageId="{{failureStage.id}}" status="{{failureStage.status}}" href="javascript:;" class="js-simple-progress action-btn">{{ 'OPPORTUNITY_CLOSE_4' | i18n }}</a>
            {{/if}}
        </div>
    </div>

    <div class="xsy_opportunity_progress_body"></div>
    <!--<div class="xsy_opportunity_progress_footer"></div>-->
</div>